<template>
	<view>
		<ym-navbar title="分享好友" :immersive="true"></ym-navbar>
		<view class="bg-t"></view>
		<view class="bg-b"></view>
		<view class="body">
			<image class="bg1 fadeIn" src="http://www.tbuga.com/tubang_port/Public/Uploads/2020-11-24/5fbcc6b8b425f.png" mode="widthFix"></image>
			<image class="text1" src="../static/wxImage/text-hphy.png" mode="widthFix"></image>
			<image class="text2" src="../static/wxImage/text-tbyj.png" mode="widthFix"></image>
			<view class="tip">
				<view>分享券说明</view>
				<view>1、此礼包加注完成后满足领取条件即可获取</view>
				<view>2、本礼包包含的优惠券只限分享他人使用，本人不可领取</view>
				<view>3、礼包内优惠券限每人单次领取一张</view>
				<view>4、本活动最终解释权归上海诗途企业管理服务有限公司</view>
			</view>
		</view>
	</view>
</template>

<script>
	import ymNavbar from "@/components/ym-navbar/ym-navbar.vue";
	export default {
		components:{ymNavbar},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	page {
		background: #E85619;
	}
	
	.bg-t {
		width: 100vw;
		height: 50vh;
		position: absolute;
		background:linear-gradient(80deg,#FD3720,#FC6124);
	}
	.bg-b {
		width: 100vw;
		height: 50vh;
		position: absolute;
		top: 50vh;
		background:linear-gradient(80deg,#FF7D41,#E85519);
		background: #E85519;
	}
.body{
	width: 100vw;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	
	.bg1 {
		width: 100vw;
		height: 1334rpx;
	}
	.text1 {
		position: absolute;
		top: 180rpx;
		left: 50%;
		width: 590rpx;
		height: 80rpx;
		transform: translateX(-50%);
		will-change: transform;
		
	}
	
	.text2 {
		position: absolute;
		top: 365rpx;
		left: 50%;
		width: 160rpx;
		height: 48rpx;
		transform: translateX(-50%);
	}
	
	.tip {
		position: absolute;
		top: 1020rpx;
		left: 30rpx;
		padding-bottom: 100rpx;
		
		view {
			color: #FFFFFF;
			font-size: 26rpx;
			line-height: 2.0;
			opacity: 0.84;
		}
		>view:nth-child(1) {
			font-size: 32rpx;
			font-weight: bold;
			margin-bottom: 20rpx;
		}
	}
}

</style>
